@mixin btn($color1,$color2,$color3){
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    background: $color1;
    color: $color2;
    border: 0px solid #000;
     &:hover{
         background: $color3
     }
}
a{
    text-decoration: none;
    display: inline-block
}
// .btn1{
//     @include btn(pink,aqua,rgb(228, 207, 210) );
// }
// .btn2{
//     @include btn(red,plum,rgb(255, 159, 159));
// }
// .btn3{
//     @include btn(black,powderblue,rgb(138, 134, 134));
// }
// .btn4{
//     @include btn(skyblue,red,rgb(203, 226, 235));
// }
// .btn5{
//     @include btn(green,blue,rgb(170, 194, 170));
// }

@for $i from 1 to 6 {
    .btn#{$i}{@include btn(pink,aqua,rgb(170, 194, 170));}
}